<script setup lang="ts">
import { ref } from 'vue';

const age = ref(27)
const person = ref({
  name: 'Joker', age: 26
})
const changeAge = () => {
  person.value.age++
}

</script>

<template>
  <div class="app-page">
    <div>{{ age }}</div>
    <div>{{ person.name }} | {{ person.age }}</div>
    <button @click="changeAge">增加年龄</button>
  </div>
</template>

<style lang="css" scoped></style>